<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DJI 大疆商城 - DJI 大疆无人机、手持稳定器、专业影像设备及增值服务 (中国大陆)</title>
    <link rel="stylesheet" href="./reset/reset.css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    <link rel="stylesheet" href="./DJI.css">
    <link rel="icon" href="https://www1.djicdn.com/dps/d799b11c032df25174fa9273de1347a1@origin.ico">
    <link rel="stylesheet" href="./Swiper/swiper.min.css">
</head>

<body>
    <!-- ====================头部导航 start====================  -->
    <nav class="site-header">
        <div class="navbar-container">
            <ul class="navbar-category">
                <li><img src="https://www1.djicdn.com/dps/cee842f19dde1561650754528f49d6b5.svg" class="headerImg"></li>
                <li class="convertLi">
                    <a href="javascript:;" class="convert">消费级产品</a>
                    <div class="nav-columns categoryItem Item1">
                        <div class="grid-container">
                            <div class="grid-top-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="./img/42792b8143042591f734f914da3d6733.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">御 Mavic 系列</a>
                                        <p>你口袋里的航拍摄影师</p>
                                        <ul>
                                            <li><a href="javascript:;">御 Mavic Mini</a></li>
                                            <li><a href="javascript:;">御 Mavic 2</a></li>
                                            <li><a href="javascript:;">御 Mavic Air</a></li>
                                            <li><a href="javascript:;">御 Mavic Pro 铂金版</a></li>
                                            <li><a href="javascript:;">御 Mavic Pro</a></li>
                                            <li><a href="javascript:;">DJI 带屏遥控器</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="./img/8bba4274aaacccbca86797bdf0033b39.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">晓 Spark 系列</a>
                                        <p>小身型，大身手，一键记录生活点滴</p>
                                        <ul>
                                            <li><a href="javascript:;">晓 Spark</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="./img/48476f89b78f0fe0d500f5aca29de6e3.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">精灵 Phantom 系列</a>
                                        <p>准专业级航拍影像系统</p>
                                        <ul>
                                            <li><a href="javascript:;">精灵 Phantom 4 Pro V2.0</a></li>
                                            <li><a href="javascript:;">精灵 Phantom 4 Pro</a></li>
                                            <li><a href="javascript:;">精灵 Phantom 4 Advanced</a></li>
                                            <li><a href="javascript:;">精灵 Phantom 3 SE</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="horizontal-divider"></div>
                            </div>
                            <div class="grid-bottom-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="./img/5f625eb12078d34462316957e9169d7f.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">灵眸 Osmo 系列</a>
                                        <p>拍摄从此得心应手</p>
                                        <ul>
                                            <li><a href="javascript:;">Osmo Mobile 灵眸手机云台 3</a></li>
                                            <li><a href="javascript:;">Osmo Action 灵眸运动相机</a></li>
                                            <li><a href="javascript:;">灵眸 Osmo 口袋云台相机</a></li>
                                            <li><a href="javascript:;">灵眸 Osmo 手机云台 2</a></li>
                                            <li><a href="javascript:;">灵眸 Osmo 配件</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="./img/8892e448a132f3764f0962cc47a49c5f.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">机甲大师 RoboMaster 系列</a>
                                        <p>专业教育机器人</p>
                                        <ul>
                                            <li><a href="javascript:;">机甲大师 RoboMaster S1</a></li>
                                            <li><a href="javascript:;">机甲大师 RoboMaster EP</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="./img/80f3d7461e6678636c739a161eaa5987.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">DJI FPV 系列</a>
                                        <p>竞速飞行，的确大不同</p>
                                        <ul>
                                            <li><a href="javascript:;">DJI FPV 数字图传系统</a></li>
                                            <li><a href="javascript:;">DJI 飞行眼镜 竞速版</a></li>
                                            <li><a href="javascript:;">DJI 飞行眼镜</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="horizontal-divider"></div>
                                <div class="nav-pills-bottom">
                                    <div class="pills-grid-container">
                                        <a href="javascript:;">
                                            <p>消费级无人机对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                        <a href="javascript:;">
                                            <p>灵眸 OSMO 系列对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="convertLi">
                    <a href="javascript:;" class="convert">专业级产品</a>
                    <div class="nav-columns categoryItem Item2">
                        <div class="nav-pills-top">
                            <div class="nav-pills-container">
                                <a href="javascript:;">影像大师</a>
                                <a href="javascript:;">Shot on DJI</a>
                                <a href="javascript:;">精彩视频</a>
                                <a href="javascript:;">拍摄教学</a>
                                <a href="javascript:;">精彩活动</a>
                                <a href="javascript:;">
                                    <i class="fa fa-th-list" aria-hidden="true"></i>
                                    DJI PRO 官网
                                </a>
                            </div>
                        </div>
                        <div class="grid-container">
                            <div class="grid-top-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/79a62be205b82faad9ce8d9eae78b496.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">集成系统</a>
                                        <p>专业影视拍摄，便捷高效演译</p>
                                        <ul>
                                            <li><a href="javascript:;">悟 Inspire 2</a></li>
                                            <li><a href="javascript:;">灵眸 Osmo Pro/Raw</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/d9136488cb5f989e65b75dc769c71e79.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">相机云台</a>
                                        <p>专业级三轴增稳云台相机</p>
                                        <ul>
                                            <li><a href="javascript:;">禅思 Zenmuse X7</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse X5S</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse X4S</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse X5R</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse X5</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/571cf9c9684192127bebe30b8abf0ec9.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">摄像増稳系统</a>
                                        <p>不同的场景和装配，相同的稳定影像</p>
                                        <ul>
                                            <li><a href="javascript:;">如影 Ronin-SC</a></li>
                                            <li><a href="javascript:;">如影 Ronin 2</a></li>
                                            <li><a href="javascript:;">如影 Ronin-S</a></li>
                                            <li><a href="javascript:;">如影 Ronin-MX</a></li>
                                            <li><a href="javascript:;">如影 Ronin-M</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="horizontal-divider"></div>
                            </div>
                            <div class="grid-bottom-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/5efe9de39634fa75537960730369324f.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">专业配件</a>
                                        <p>享受更专业的拍摄体验</p>
                                        <ul>
                                            <li><a href="javascript:;">DJI 大师摇轮</a></li>
                                            <li><a href="javascript:;">DJI 体感控制器专业版</a></li>
                                            <li><a href="javascript:;">CrystalSky</a></li>
                                            <li><a href="javascript:;">Cendence</a></li>
                                            <li><a href="javascript:;">DJI 电池管理站</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="horizontal-divider"></div>
                                <div class="nav-pills-bottom">
                                    <div class="pills-grid-container">
                                        <a href="javascript:;">
                                            <p>悟 inspire 系列对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                        <a href="javascript:;">
                                            <p>禅思 Zenmuse 系列对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                        <a href="javascript:;">
                                            <p>如影 Ronin 系列对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                        <a href="javascript:;">
                                            <p>如影 Ronin-S 系列对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                        <a href="javascript:;">
                                            <p>配置如影 Ronin 套装</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="convertLi">
                    <a href="javascript:;" class="convert">行业应用</a>
                    <div class="nav-columns categoryItem Item3">
                        <div class="nav-pills-top">
                            <div class="nav-pills-container">
                                <a href="javascript:;">能源</a>
                                <a href="javascript:;">公共安全</a>
                                <a href="javascript:;">建筑</a>
                                <a href="javascript:;">基础设施</a>
                                <a href="javascript:;">
                                    <i class="fa fa-th-list" aria-hidden="true"></i>
                                    更多行业应用
                                </a>
                            </div>
                        </div>
                        <div class="grid-container">
                            <div class="grid-top-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/f7fbb03b9fea7b87f0a8184867c4724f.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">飞行平台</a>
                                        <p>用灵活机动的视野实现更多创新</p>
                                        <ul>
                                            <li><a href="javascript:;">御 Mavic 2 行业版系列</a></li>
                                            <li><a href="javascript:;">经纬 Matrice 200 V2 系列</a></li>
                                            <li><a href="javascript:;">经纬 Matrice 600 Pro</a></li>
                                            <li><a href="javascript:;">精灵 Phantom 4 RTK</a></li>
                                            <li><a href="javascript:;">精灵 4 多光谱版</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/7a7ab11e2539d00f6463f44e3b1985b3.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">负载系列</a>
                                        <p>解决信息搜集的核心挑战</p>
                                        <ul>
                                            <li><a href="javascript:;">禅思 Zenmuse XT S</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse XT2</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse XT</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse Z30</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse X5S</a></li>
                                            <li><a href="javascript:;">禅思 Zenmuse X7</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/5bc0dbc8b5ffd96bc22cf02ff9221a95.png">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">软件服务</a>
                                        <p>专业级航线规划，让飞行任务更简单</p>
                                        <ul>
                                            <li><a href="javascript:;">大疆智图</a></li>
                                            <li><a href="javascript:;">大疆司空</a></li>
                                            <li><a href="javascript:;">大疆飞行模拟</a></li>
                                            <li><a href="javascript:;">农业服务平台</a></li>
                                            <li><a href="javascript:;">地面站专业版</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="horizontal-divider"></div>
                            </div>
                            <div class="grid-bottom-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/4655b36213f4c9c40db078dfe1e4f37c.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">开发者技术</a>
                                        <p>用强大的软件工具实现更多可能</p>
                                        <ul>
                                            <li><a href="javascript:;">Mobile SDK</a></li>
                                            <li><a href="javascript:;">Onboard SDK</a></li>
                                            <li><a href="javascript:;">Payload SDK</a></li>
                                            <li><a href="javascript:;">Windows SDK</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="horizontal-divider"></div>
                                <div class="nav-pills-bottom">
                                    <div class="pills-grid-container">
                                        <a href="javascript:;">
                                            <p>植保无人飞机 对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                        <a href="javascript:;">
                                            <p>经纬 Matrice 200 系列对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                        <a href="javascript:;">
                                            <p>禅思XT 系列航拍相机对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="convertLi">
                    <a href="javascript:;" class="convert">农业应用</a>
                    <div class="nav-columns categoryItem Item4">
                        <div class="grid-container">
                            <div class="grid-top-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/c387fd29af0e879b5880618e4ae6483d.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">植保作业</a>
                                        <p>高效全自主作业</p>
                                        <ul>
                                            <li><a href="javascript:;">T20 植保无人飞机</a></li>
                                            <li><a href="javascript:;">T16 植保无人飞机</a></li>
                                            <li><a href="javascript:;">MG-1P 植保无人机</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/adf4ec51cbcb6218f4a2439d3bbe93d7.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">农田航测</a>
                                        <p>洞察作业区域概况</p>
                                        <ul>
                                            <li><a href="javascript:;">精灵 4 RTK</a></li>
                                            <li><a href="javascript:;">精灵 4 多光谱版</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/99141de16b44082e512406d54c4e4321.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">配套软件</a>
                                        <p>全方位助力植保作业</p>
                                        <ul>
                                            <li><a href="javascript:;">大疆智图</a></li>
                                            <li><a href="javascript:;">大疆农业服务平台</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="horizontal-divider"></div>
                            </div>
                            <div class="grid-bottom-wrapper">
                                <div class="nav-pills-bottom">
                                    <div class="pills-grid-container">
                                        <a href="javascript:;">
                                            <p>农机系列对比</p>
                                            <i class="fa fa-bars"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="convertLi">
                    <a href="javascript:;" class="convert">系统模块</a>
                    <div class="nav-columns categoryItem Item5">
                        <div class="grid-container">
                            <div class="grid-top-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/02a850c41cddf8cb2203669d05f087c7.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">飞行控制器</a>
                                        <p>集智可靠，精准控制</p>
                                        <ul>
                                            <li><a href="javascript:;">A3</a></li>
                                            <li><a href="javascript:;">N3</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/29d200761720a00241d72afd9d4e47a7.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">动力系统</a>
                                        <p>飞行动力源泉</p>
                                        <ul>
                                            <li><a href="javascript:;">E7000</a></li>
                                            <li><a href="javascript:;">E5000</a></li>
                                            <li><a href="javascript:;">E2000</a></li>
                                            <li><a href="javascript:;">Snail</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/7635474f875e53d34c45e9b21a47c7e9.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">传输系统</a>
                                        <p>看得远，看得清晰且操控精准</p>
                                        <ul>
                                            <li><a href="javascript:;">DJI Lightbridge 2</a></li>
                                            <li><a href="javascript:;">DJI Lightbridge</a></li>
                                            <li><a href="javascript:;">Datalink 3</a></li>
                                            <li><a href="javascript:;">Datalink Pro</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="horizontal-divider"></div>
                            </div>
                            <div class="grid-bottom-wrapper">
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/021b642abfcf8146a8e6e82706b85358.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">开发者</a>
                                        <p>为飞行开创更多可能</p>
                                        <ul>
                                            <li><a href="javascript:;">经纬 Matrice 100</a></li>
                                            <li><a href="javascript:;">妙算 Manifold 2</a></li>
                                            <li><a href="javascript:;">视觉传感导航系统</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-img">
                                        <img src="img/c0feb7ea41e029a1fb6a2ca9ad06607b.jpg">
                                    </div>
                                    <div class="product-link">
                                        <a href="javascript:;">其他配件</a>
                                        <p>激发应用潜力</p>
                                        <ul>
                                            <li><a href="javascript:;">D-RTK</a></li>
                                            <li><a href="javascript:;">D-RTK 2</a></li>
                                            <li><a href="javascript:;">iOSD MARK II</a></li>
                                            <li><a href="javascript:;">Cendence</a></li>
                                        </ul>
                                    </div>

                                </div>
                                <div class="vertical-divider"></div>

                            </div>
                        </div>
                    </div>
                </li>
                <li class="convertLi">
                    <a href="javascript:;" class="convert">探索精彩</a>
                    <div class="nav-columns-explore categoryItem Item6">
                        <div class="explore-container">
                            <ul>
                                <li><a href="javascript:;">大疆商城 APP</a></li>
                                <li><a href="javascript:;">天空之城</a></li>
                                <li><a href="javascript:;">大疆社区</a></li>
                                <li><a href="javascript:;">精彩视频</a></li>
                                <li><a href="javascript:;">新闻中心</a></li>
                                <li><a href="javascript:;">竞猜活动</a></li>
                                <li><a href="javascript:;">STEAM教育</a></li>
                                <li><a href="javascript:;">招聘精英</a></li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li class="convertLi">
                    <a href="javascript:;" class="convert">服务与支持</a>
                    <div class="nav-columns categoryItem Item7">
                        <div class="grid-container">
                            <div class="grid-top-wrapper">
                                <div class="columns-item">
                                    <div class="product-link">
                                        <a href="javascript:;">产品支持</a>
                                        <p>技术问题解答，全心支持</p>
                                        <ul>
                                            <li><a href="javascript:;">Mavic 2</a></li>
                                            <li><a href="javascript:;">Mavic Pro</a></li>
                                            <li><a href="javascript:;">Mavic Air</a></li>
                                            <li><a href="javascript:;">Osmo Pocket</a></li>
                                            <li><a href="javascript:;">更多机型</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">

                                    <div class="product-link">
                                        <a href="javascript:;">维修支持</a>
                                        <p>一站式售后维修，畅快体验</p>
                                        <ul>
                                            <li><a href="javascript:;">自助寄修</a></li>
                                            <li><a href="javascript:;">急速换新</a></li>
                                            <li><a href="javascript:;">预约快修快换</a></li>
                                            <li><a href="javascript:;">维修换货进度产查询</a></li>
                                            <li><a href="javascript:;">我的案例</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-link">
                                        <a href="javascript:;">增值服务</a>
                                        <p>多种全面保障</p>
                                        <ul>
                                            <li><a href="javascript:;">DJI Care 随心换</a></li>
                                            <li><a href="javascript:;">DJI Care 随心续享</a></li>
                                            <li><a href="javascript:;">Osmo Shield</a></li>
                                            <li><a href="javascript:;">以旧换新</a></li>
                                            <li><a href="javascript:;">行业无忧</a></li>
                                            <li><a href="javascript:;">农机关怀计划</a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="vertical-divider"></div>
                                <div class="columns-item">
                                    <div class="product-link">
                                        <a href="javascript:;">更多支持</a>
                                        <p>更多飞行指引，贴心伴行</p>
                                        <ul>
                                            <li><a href="javascript:;">安全飞行指引</a></li>
                                            <li><a href="javascript:;">大疆飞行指南</a></li>
                                            <li><a href="javascript:;">售后服务政策</a></li>
                                            <li><a href="javascript:;">下载中心</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
            <ul class="navbar-right">
                <li><a href="javascript:;">商城</a></li>
                <li><i class="fa fa-search convert"></i></li>
                <li>
                    <i class="fa fa-user-o convert"></i>
                    <div class="user-dropdown">
                        <div class="userCategory-wrapper">
                            <div><a href="javascript:;">登陆</a></div>
                            <div><a href="javascript:;">注册</a></div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </nav>
    <!-- ====================头部导航 end====================  -->


    <!-- ====================banner start==================== -->
    <section class="homepage-banner">
        <div class="swiper-container banner-container" id="swiperBanner">
            <div class="swiper-wrapper">
                <div class="swiper-slide slide1">
                    <div class="slide-text">
                        <img src="./img/5647838f07e65d3bc9aeead9fed11230.svg">
                        <p>更进一步</p>
                    </div>
                    <div class="slide-img"></div>
                </div>
                <div class="swiper-slide slide2">
                    <div class="slide-text">
                        <img src="./img/75e29a819b496ff149120cf4557b2bf9.svg">
                        <p>智勇双全</p>
                    </div>
                    <div class="slide-img"></div>
                </div>
                <div class="swiper-slide slide3">
                    <div class="slide-text">
                        <img src="./img/fe11c26d6a294baefb0f3a7efaea4e75.svg">
                        <p>拓展教育新边界</p>
                    </div>
                    <div class="slide-img">
                        <img src="./img/e3a713a3673a08915e6336ea47973e71.png">
                    </div>
                </div>
                <div class="swiper-slide slide4">
                    <div class="slide-text">
                        <img src="./img/7705d2c815fe67a829206f3838464cbc.svg">
                        <p>你也能飞</p>
                    </div>
                    <div class="slide-img">
                        <img src="./img/d6c0dfa94fb2abf048409f3d735edadd.png">
                    </div>
                </div>
                <div class="swiper-slide slide5">
                    <div class="slide-text">
                        <img src="./img/c0650a87dd2fe231b8c3a38a08fa55fc.png">
                        <p>大，有可为</p>
                    </div>
                    <div class="slide-img">
                        <img src="./img/5812df4c2bdd213f425bcb78f7135917.png">
                    </div>
                </div>
                <div class="swiper-slide slide6">
                    <div class="slide-text">
                        <img src="./img/467fad15a9210f7e9ddcd99d967f0459.svg">
                        <p>独聚慧眼 智所未见</p>
                    </div>
                    <div class="slide-img">
                        <img src="./img/10ea94ce8b5b159dac8441db0363d4f4.png">
                    </div>
                </div>
                <div class="swiper-slide slide7">
                    <div class="slide-text">
                        <img src="./img/37783133be86556bbddd2bee6fef6826.svg">
                        <p>随手掌控，一拍即合</p>
                    </div>
                    <div class="slide-img">
                        <img src="./img/0f966889593c6fac4c530160211b115e.png">
                    </div>
                </div>
                <div class="swiper-slide slide8">
                    <div class="slide-text">
                        <img src="./img/a27441f345970fb7d05c6dee8adc951c.svg">
                        <p>双屏一体，稳定如一</p>
                    </div>
                    <div class="slide-img">
                        <img src="./img/d591b8437a3798fe9089ae80bce6dcd6.png">
                    </div>
                </div>
                <div class="swiper-slide slide9">
                    <div class="slide-text">
                        <img src="./img/39a2ba5d56dade7649190a1cc7e5088b.svg">
                        <p>转动随心，灵感不停</p>
                    </div>
                    <div class="slide-img">
                        <img src="./img/c304c1edb7373ce6e75bc0065df076c8.png">
                    </div>
                </div>
            </div>
            <div class="left-cover cover">
                <div class="swiper-banner-prev btn-left banner-point">
                    <span></span>
                </div>
            </div>
            <div class="right-cover cover">
                <div class="swiper-banner-next btn-right banner-point">
                    <span></span>
                </div>
            </div>
        </div>
        <div class="swiper-scroller scroller-contaienr">
            <div class="swiper-container" id="swiperScroller">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">御 Mavic Air 2</div>
                    <div class="swiper-slide">经纬 M300 RTK</div>
                    <div class="swiper-slide">机甲大师 RoboMaster EP </div>
                    <div class="swiper-slide">御 Mavic Mini 航拍小飞机</div>
                    <div class="swiper-slide">T20 植保无人飞机</div>
                    <div class="swiper-slide">精灵 Phantom 4 Pro V2.0</div>
                    <div class="swiper-slide">Osmo Mobile 灵眸手机云台 3</div>
                    <div class="swiper-slide">OSMO ACTION 灵眸运动相机</div>
                    <div class="swiper-slide">灵眸 Osmo 口袋云台相机</div>
                </div>
                <div class="swiper-scroller-next"></div>
                <div class="swiper-scroller-prev"></div>
            </div>
        </div>
    </section>

    <!-- ====================banner end==================== -->


    <!-- ====================homepage-grid start==================== -->
    <section class="homepage-grids">
        <div class="product-grids-contaienr">
            <div class="works-show-wrapper">
                <ul>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/6edb6ff8b3431ca55e6578874f0bfa37.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>冰与火 ©️ 行者</h3>
                                    <p>点击查看更多“御”Mavic 2拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/e4ccc782a6c43e83340cc052ca9f8a05.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>同步 ©️ Andy Leclerc</h3>
                                    <p>点击查看更多“御”Mavic 2拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/62460552752946a12bc9bcf2e0199c0b.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>逗号 ©️ Arvids Baranovs</h3>
                                    <p>点击查看更多精灵 Phantom 4 Advanced拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/603bf5290daf4b0b8cf42f5f88f5a689.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>轨迹延时 ©️ DJI</h3>
                                    <p>点击查看更多灵眸 Osmo 口袋云台相机拍摄的作品。 </p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/fc0666c06d8fcf7d8cfad1b4b89d3fdb.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>雪者掠影 ©️ Oberschneider</h3>
                                    <p>点击查看更多“御”Mavic 2拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/cb5cc15bc1af0cef3e6dd89e0ba4c9fc.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>在撒丁岛风筝冲浪 ©️ Enrico Pescantini</h3>
                                    <p>点击查看更多“御”Mavic 2拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/e4ccc782a6c43e83340cc052ca9f8a05.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>同步 ©️ Andy Leclerc</h3>
                                    <p>点击查看更多“御”Mavic 2拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/d08655ba07a15b9e2d4eb2b67fcb3506.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>抓住心中所想 ©️ DJI</h3>
                                    <p>点击查看更多灵眸 Osmo 口袋云台相机拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/345f48c0e77164b6844cd2d09a7f75bd.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>跟随 ©️ Thavy.tra</h3>
                                    <p>点击查看更多精灵 Phantom 4 Pro拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/75d46fae398a1c57617e8d499d2de4e4.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>寂寞的赛车手 ©️ 诗人隆多</h3>
                                    <p>点击查看更多“御”Mavic Pro拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="JavaScript:;" style="background-image: url(img/549b009d5e23fb8a62ced2ee7030cf43.jpg)">
                            <div class="text-content">
                                <div class="works-show-text">
                                    <h3>乘风破浪 ©️ Shimon Perlstein</h3>
                                    <p>点击查看更多精灵 Phantom 4 Pro拍摄的作品。</p>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li></li>
                </ul>
                <div class="btn prev" id="worksPrev">
                    <span></span>
                </div>
                <div class="btn next" id="worksNext">
                    <span></span>
                </div>
            </div>
            <div class="product-bg-wrapper">
                <div class="product bg-1">
                    <img src="img/1ae11ab5648a860e258ac3f29303fa39.jpg" alt="">
                    <div class="bg-text">
                        <h3>众志成城，共同战"疫"</h3>
                        <span>大疆无人机助力安全防疫</span>
                    </div>
                </div>
                <div class="product bg-2">
                    <img src="img/04a0b8a18d6e15113fead3856ff9b3c8.jpg" alt="">
                    <div class="bg-text">
                        <img src="https://www1.djicdn.com/cms/uploads/7f4bc4a515aca9311c462c5938a2378b.svg" alt="">
                        <p>由感于心，卓践于行</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="promotion-grid-container">
            <div class="promotion-wrapper">
                <div class="promotion item-1">
                    <img src="img/1b45d17284906c21ca36bc6d63ebaa1c.png">
                    <div class="text-content" id="promotion-text-1">
                        <h3>专业级产品<i class="fa fa-chevron-right"></i></h3>
                        <p>大疆为专业影视制作而设计的拍摄设备</p>
                    </div>
                </div>
                <div class="promotion item-2">
                    <img src="img/85aacf6c17da2d3b199f64b8261fe80f.jpg">
                    <div class="text-content" id="promotion-text-2">
                        <h3>行业应用<i class="fa fa-chevron-right"></i></h3>
                        <p>大疆为行业应用提供完备的数据收集分析与解决方案</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="service-grid-container">
            <div class="service-wrapper">
                <ul>
                    <li>
                        <div class="text-content">
                            <h3>购买渠道</h3>
                            <p>查找可靠的购买渠道</p>
                        </div>
                    </li>
                    <li>
                        <div class="text-content">
                            <h3>服务与支持</h3>
                            <p>我们很高兴为您提供帮助</p>
                        </div>
                    </li>
                    <li>
                        <div class="text-content">
                            <h3>安全飞行</h3>
                            <p>了解最新安全及禁飞信息</p>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- ====================homepage-grid end==================== -->


    <!-- ====================site-footer start==================== -->
    <footer class="site-footer">
        <div class="footer-container">
            <div class="footer-item">
                <p class="title">热门产品分类</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">消费级</a></li>
                    <li><a href="javascript:;">专业级</a></li>
                    <li><a href="javascript:;">行业级</a></li>
                    <li><a href="javascript:;">系统模块</a></li>
                </ul>
                <p class="title">维修计划</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">DJI Care</a></li>
                    <li><a href="javascript:;">Osmo Shield</a></li>
                    <li><a href="javascript:;">DJI Care 随心换</a></li>
                    <li><a href="javascript:;">DJI Care 随心续享</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <p class="title">购买渠道</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">官方商城</a></li>
                    <li><a href="javascript:;">官方旗舰店</a></li>
                    <li><a href="javascript:;">线上直营店</a></li>
                    <li><a href="javascript:;">授权体验店</a></li>
                    <li><a href="javascript:;">行业应用购买渠道</a></li>
                    <li><a href="javascript:;">农业植保机代理商</a></li>
                    <li><a href="javascript:;">专业影像代理商</a></li>
                    <li><a href="javascript:;">大疆商城 App</a></li>
                </ul>
                <p class="title">企业合作</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">成为授权经销商</a></li>

                </ul>
            </div>
            <div class="footer-item">
                <p class="title">安全飞行</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">安全飞行指引</a></li>
                    <li><a href="javascript:;">大疆飞行指南</a></li>
                </ul>
                <p class="title">帮助与支持</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">产品支持</a></li>
                    <li><a href="javascript:;">维修中心</a></li>
                    <li><a href="javascript:;">购买指南</a></li>
                    <li><a href="javascript:;">售后服务政策</a></li>
                    <li><a href="javascript:;">下载中心</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <p class="title">优惠折扣</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">翻新机</a></li>
                    <li><a href="javascript:;">以旧换新</a></li>
                </ul>
                <p class="title">探索精彩大疆</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">新闻中心</a></li>
                    <li><a href="javascript:;">精彩视频</a></li>
                    <li><a href="javascript:;">精彩活动</a></li>
                    <li><a href="javascript:;">大疆公益</a></li>
                    <li><a href="javascript:;">STEAM教育</a></li>
                </ul>
            </div>
            <div class="footer-item">
                <p class="title">社区</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">天空之城</a></li>
                    <li><a href="javascript:;">大疆社区</a></li>
                    <li><a href="javascript:;">开发者</a></li>
                </ul>
                <p class="title">订阅我们</p>
                <ul class="footer-column">
                    <li><a href="javascript:;">第一时间获得大疆的最新动态</a></li>
                </ul>
                <div class="footer-subscribe">
                    <input type="text" placeholder="请输入你的邮箱地址">
                    <button>
                        <i class="fa fa-angle-right"></i>
                    </button>
                </div>
            </div>
            <div class="footer-about">
                <div class="footer-nav">
                    <img src="https://www1.djicdn.com/dps/cee842f19dde1561650754528f49d6b5.svg">
                    <ul class="nav-right">
                        <li><a href="javascript:;">关于我们</a></li>
                        <li><a href="javascript:;">联系我们</a></li>
                        <li><a href="javascript:;">招聘精英</a></li>
                        <li><a href="javascript:;">市场合作</a></li>
                        <li><a href="javascript:;">代理商门户</a></li>
                        <li><a href="javascript:;">供应商门户</a></li>
                        <li><a href="javascript:;">RoboMaster</a></li>
                        <li><a href="javascript:;">大疆传媒</a></li>
                        <li><a href="javascript:;">慧飞培训中心</a></li>
                    </ul>
                </div>
                <ul class="footer-social">
                    <li><img
                            src="//www3.djicdn.com/uploads/footer_social/cover/120/ead4fc6850bc8dd360e91db867446a68.png">
                    </li>
                    <li><img
                            src="//www3.djicdn.com/uploads/footer_social/cover/121/f5dfe97252e119ca61801f67ce282a7a.png">
                    </li>
                    <li><img
                            src="//www4.djicdn.com/uploads/footer_social/cover/5621/eaf05707d61d6076cd165136b6ab1562.png">
                    </li>
                    <li><img
                            src="//www4.djicdn.com/uploads/footer_social/cover/5626/d87d3e3507f0e18e9b7adda139b8a822.png">
                    </li>
                    <li><img
                            src="//www2.djicdn.com/uploads/footer_social/cover/5631/00f9004d2d8cd26afcffe9c5de8ab714.png">
                    </li>
                    <li><img
                            src="//www5.djicdn.com/uploads/footer_social/cover/5636/8d1b6c04ae6ae090e5e05cc9164c9bd8.png">
                    </li>
                </ul>
            </div>
            <div class="footer-bottom">
                <div class="footer-legal">
                    <div>Copyright © 2020 DJI 大疆创新 版权所有</div>
                    <ul class="legal-links">
                        <li><a href="javascript:;">隐私权政策 · </a></li>
                        <li><a href="javascript:;">使用条款 · </a></li>
                        <li><a href="javascript:;">疆湖名录 · </a></li>
                        <li><a href="javascript:;">网站地图</a></li>
                        <li><a href="javascript:;">网站问题反馈</a></li>
                    </ul>
                </div>
                <div class="footer-change-country">
                    <img src="//www2.djicdn.com/assets/images/v3/foot/language-7441fda2976c3a423628f392d6fc2498.svg">
                    <div>中国大陆 / 简体中文</div>
                </div>
            </div>
            <div class="footer-ad-desc">粤ICP备12022215号 本网站直接或间接向消费者推销商品或者服务的商业宣传均属于“广告”（包装及参数、售后保障等商品信息除外）

            </div>
        </div>

    </footer>
    <!-- ====================site-footer end==================== -->
    <script src="./Swiper/swiper.min.js"></script>
    <script src="./DJI.js" defer></script>
</body>

</html>